<!DOCTYPE html>
<html>

<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <link rel="stylesheet" href="https://keepfool.github.io/vue-tutorials/02.Components/Part-2/fonts/iconfont.css">

</head>

<body>
    <div id="app">

        <m-dialog v-bind:show.sync="show" v-bind:class="dialogClass">

            <header class="dialog-header" slot="header">
                <h1 class="dialog-title">提示信息</h1>
            </header>

            <div class="dialog-body" slot="body">
                <p>你想在对话框中放什么内容都可以！</p>
                <p>你可以放一段文字，也可以放一些表单，或者是一些图片。</p>
            </div>

            <footer class="dialog-footer" slot="footer">
                <button @click="closeDialog">关闭</button>
            </footer>
        </m-dialog>

        <div class="btn-group">
            <button class="btn-info" @click="openDialog('dialog-info')">提示信息对话框</button>
            <button class="btn-success" @click="openDialog('dialog-success')">提示成功对话框</button>
            <button class="btn-warning" @click="openDialog('dialog-warning')">提示警告对话框</button>
            <button class="btn-error" @click="openDialog('dialog-error')">提示错误对话框</button>
        </div>


    </div>
    <script src="static/lib/jquery.js"></script>
    <script src="static/lib/sea.js"></script>
    <script src="static/lib/seajs-text.js"></script>
    <script src="static/lib/seajs-css.js"></script>
    <script src="static/lib/vue.js"></script>
    <script src="static/lib/vue-router.js"></script>
    <script type="text/javascript">
        var gMain = {
            verson: "1.0.0",
            basePath: "/vue+seajs/"
        };
        seajs.config({
            base: "./static",
            charset: 'utf-8',
            map: [[/^(.*\.(?:css|js|html))(.*)$/i, '$1?v=' + gMain.verson]],  //加上版本号，清缓存用
            paths: {}
        });

        $(function () {
            seajs.use(["page/page-dialog.js"]);
        });
    </script>
</body>

</html>